ul {
    --accent-color: purple;
}

ol {
    --accent-color: rebeccapurple;
}

li {
    background: var(--accent-color);
}


/* 你看清楚这段代码的意图了吗？在有序列表中，列表项的背景色将是
rebeccapurple；但在无序列表中，列表项的背景色将是purple。试
试用预处理器能否做到！当然，在这个例子中，我们可以直接使用后代选择
符，只不过这个例子的重点在于向你展示CSS 的原生变量所具备的动态性。 */